<template>
  <div id="app">
    <!-- 配置路由出口 -->
    <router-view></router-view>
  </div>
</template>

<script>
import axios from "axios";
export default {
  /* created(){
        axios.post('admin/auth/login',{userAccount:'admin',password:'123456'}).then(res => {
            console.log(res.data)
        })
    } */
};
</script>

<style scoped>
* {
  width: 100%;
  height: 100vh;
}
</style>
<style lang="scss">
.col-center {
  position: relative; /* 相对定位 */
  display: flex; /* 开启对齐方式 */
  justify-content: space-between; /* 第一个标签与容器的开始边缘对齐，最后一个标签与容器的结束边缘对齐，而中间的标签之间有相等的间隔 */
  align-items: center; /*使得容器内的标签在交叉轴（默认是垂直方向）上居中对齐。*/
  background-color: #f9f9f9; /* 内边距 */
  padding: 20px;
  h1 {
    margin-left: 20px;
    margin-bottom: 0rem;
    font-weight: 1000;
    font-size: 20px;
  }
}
// 圆角头部
.query {
  width: 100%;
  height: 102px;
  display: flex;
  background-color: white;
  // 上圆角
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  .module {
    margin: 24px 10px 25px 0px;
    height: 40px;
  }
}

//  分页
.bottom {
  width: 100%;
  height: 50px;
  background-color: white;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  .paging {
    width: 100%;
    height: 30px;
    padding: 0px 48px 0px 0px;
    margin: 0 24px 24px;
    .el-pagination {
      display: flex;
      justify-content: space-between;
    }
  }
}
</style>